<template>
  <div>
    <header>
      <h1 @click="changeTitle">{{title}}</h1>
    </header>

    <el-button @click="sendMsg">给ptoc传值</el-button>
  </div>

</template>
<script>
  import bus from '@/bus.js'
  export default {
    name: 'app-header',
    data() {
      return {
        title: "点击改变",
        obj: {
          a: 123,
          b: 345,
        }
      }
    },
    created() {
      // 接受数据的组件写这个
      bus.$on('getNewData', data => {
        console.log("组件1传来的值是", data)
      })
    },

    methods: {
      changeTitle() {
        this.$emit("titleChanged", this.obj); //自定义事件  传递值“子向父组件传值”   $emit(function , param)
      },
      sendMsg() {
        // 触发绑定的事件，并向外传递参数。
        bus.$emit('getBrotherData', '组件2传的值')
      }
    }
  }

</script>
